"use strict";

import React, { Component } from "react";
import PostItem from "../components/PostItem";
import "./common.css";
import "./index.css";
import {Link, useNavigate} from "react-router-dom";

class Lists extends Component {

    state = {};
    render() {

        return (
            <div className="page flex-col">

                <div className="group_4 flex-row justify-between">
                    <span className="text_2">项目列表</span>
                    <div className="button_1"><Link className="publish" to="/create">发布需求</Link></div>
                </div>
                <div className="container posts__container">

                    <PostItem postID={12345} createdAt="2024-08-09" views={89} title="【小程序开发】这里是模板哦哈随机打劫阿罗裤就到啦" description="这就睡觉奥繁华都市会计核算大课间山东科技你姐姐呢哦 i 看你的看见我呢哦 i 大课间奶茶哦 i 急哦较为哦女的" authorID={123456} />
                    <div className="list-items_1 flex-col post-details">
                        <div className="text-wrapper_1">
                            <span className="text_4">800/</span>
                            <span className="text_5">小时</span>
                        </div>
                        <span className="text_6">【小程序开发】需要做小程序开发需要安卓</span>
                        <div className="box_1 flex-row">
                            <span className="text_7">发布时间：2024-07-26</span>
                            <div className="image-text_3 flex-row justify-between">
                                <img
                                    className="icon_3"
                                    src={"https://lanhu-oss.lanhuapp.com/FigmaDDSSlicePNGc06cac6a35b7a66c8cf48b608d82ed2e.png"}
                                />
                                <span className="text-group_1">2600人</span>
                            </div>
                            <div className="image-text_4 flex-row justify-between">
                                <img
                                    className="icon_4"
                                    src={"https://lanhu-oss.lanhuapp.com/FigmaDDSSlicePNG0ef7bb307bf3118b53374452b0b0c6ef.png"}
                                />
                                <span className="text-group_2">6人</span>
                            </div>
                        </div>
                    </div>

                    <div className="list-items_1 flex-col post-details">
                        <div className="text-wrapper_1">
                            <span className="text_4">800/</span>
                            <span className="text_5">小时</span>
                        </div>
                        <span className="text_6">【小程序开发】需要做小程序开发需要安卓</span>
                        <div className="box_1 flex-row">
                            <span className="text_7">发布时间：2024-07-26</span>
                            <div className="image-text_3 flex-row justify-between">
                                <img
                                    className="icon_3"
                                    src={"https://lanhu-oss.lanhuapp.com/FigmaDDSSlicePNGc06cac6a35b7a66c8cf48b608d82ed2e.png"}
                                />
                                <span className="text-group_1">2600人</span>
                            </div>
                            <div className="image-text_4 flex-row justify-between">
                                <img
                                    className="icon_4"
                                    src={"https://lanhu-oss.lanhuapp.com/FigmaDDSSlicePNG0ef7bb307bf3118b53374452b0b0c6ef.png"}
                                />
                                <span className="text-group_2">6人</span>
                            </div>
                        </div>
                    </div>

                    <div className="list-items_1 flex-col post-details">
                        <div className="text-wrapper_1">
                            <span className="text_4">800/</span>
                            <span className="text_5">小时</span>
                        </div>
                        <span className="text_6">【小程序开发】需要做小程序开发需要安卓</span>
                        <div className="box_1 flex-row">
                            <span className="text_7">发布时间：2024-07-26</span>
                            <div className="image-text_3 flex-row justify-between">
                                <img
                                    className="icon_3"
                                    src={"https://lanhu-oss.lanhuapp.com/FigmaDDSSlicePNGc06cac6a35b7a66c8cf48b608d82ed2e.png"}
                                />
                                <span className="text-group_1">2600人</span>
                            </div>
                            <div className="image-text_4 flex-row justify-between">
                                <img
                                    className="icon_4"
                                    src={"https://lanhu-oss.lanhuapp.com/FigmaDDSSlicePNG0ef7bb307bf3118b53374452b0b0c6ef.png"}
                                />
                                <span className="text-group_2">6人</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}

export default Lists;
